html {
	background-color: #ffffff;
	background-image: url(../img/bkg.jpg);
	background-repeat: repeat;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	padding-left: 0;
	padding-right: 0;
	background: transparent;
}

#page-wrapper {
	position: relative;
	width: 1024px;
	/* centers the document */
	margin: 0 auto;
	/*
  hides anything drawn off canvas.
  remove overflow and height to see things drawn off canvas.
  */
	overflow: hidden;
	height: 800px;
}
/* This makes absolutely positioned elements like p, h1,
     and some bootstrap elements placed properly. */
#absolute-wrapper p,#absolute-wrapper h1,#absolute-wrapper h2,#absolute-wrapper h3,#absolute-wrapper h4,#absolute-wrapper h5,#absolute-wrapper h6
	{
	margin-top: 0 !important;
}

#absolute-wrapper {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	height: 1px;
}

#absolute-wrapper form {
	width: 224px;
	height: 194px;
	position: absolute;
	top: 186px;
	left: 378px;
}

#absolute-wrapper form .btn-info {
	background: #5bc0de;
	background-image: -moz-linear-gradient(270deg, #5bc0de 0%, #2f96b4 100%);
	background-image: -webkit-linear-gradient(270deg, #5bc0de 0%, #2f96b4 100%);
	background-image: -o-linear-gradient(270deg, #5bc0de 0%, #2f96b4 100%);
	background-image: linear-gradient(180deg, #5bc0de 0%, #2f96b4 100%);
	width: 220px;
}

#absolute-wrapper div {
	width: 100px;
	height: 50px;
	position: absolute;
	top: 189px;
	left: -164px;
}

#hero-container,#signup-form input,#signup-form button,#nav-bar.brand {
	font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial;
}

#signup-form {
	padding: 20px 15px;
	position: relative;
	min-height: 28px;
}

#signup-form input {
	position: absolute;
	left: 15px;
	right: 100px;
	width: auto;
}

#signup-form button {
	float: right;
}